<button class="btn btn-success btn-xs" data-toggle="modal" data-target="#contractedCustomerExpenseRecord{{ $id }}">支出记录</button>

<div class="modal fade" id="contractedCustomerExpenseRecord{{ $id }}" tabindex="-1" role="dialog" aria-labelledby="contractedCustomerExpenseRecord{{ $id }}" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="font-size: 36px;">&times;</button>
                <h4 class="modal-title" id="myModalLabel">财务支出记录</h4>
            </div>
            <div class="modal-body">
                <div style="overflow-x:auto;white-space:nowrap;">
                    <table class="table table-hover grid-table">
                        <thead>
                        <tr>
                            <th>名称</th>
                            <th>数量</th>
                            <th>支出金额</th>
                            <th>备注</th>
                            <th>支出日期</th>
                            <th>审核人</th>
                            <th>审核时间</th>
                        </tr>
                        </thead>
                        <tbody>

                            @if(!is_null($data))
                                @foreach($data as $value)
                                    <tr>
                                    <td>{{ $value['name']  }}</td>
                                    <td>{{ $value['num']  }}</td>
                                    <td>{{ $value['amount']  }}</td>
                                        <td>{{ $value['remark']  }}</td>
                                    <td>{{ $value['date']  }}</td>
                                    <td>{{ $value['audit_name']  }}</td>
                                    <td>{{ $value['audit_at']  }}</td>
                                    </tr>
                                @endforeach
                            @endif

                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
